How to Eliminate Vertical Space when Controls are Hidden in a UX Component

Description

When a show/hide client-side expression hides a container in a UX Component, some vertical whitespace may still appear on the page. It can be eliminated by using the "Prevent container float" property.

Discussion

The default layout generated for containers uses the float property. Because float is used, this results in extra whitespace when a container is hidden by a client-side expression. Whitespace can be eliminated by turning on "Prevent container float". This changes how the HTML is generated for the container.

If you want to display several containers next to each other, however, you cannot use the "Prevent container float" property. Enabling "Prevent container float" precludes the ability to align containers side by side.